/*
* @Author: Marte
* @Date:   2017-11-28 10:12:08
* @Last Modified by:   Marte
* @Last Modified time: 2017-11-30 15:32:37
*/

/*normal -----*/
/* table */

.right-menu{
  position:fixed;
  top:400px;
  right:0px;
  width:50px;


}
.right-menu .menu-btn{
  padding:5px;
  width:50px;
  height:50px;
  background-color:#479e98;
  color:white;
  font-size:40px;
}
.menu-btn:hover{
  cursor: pointer;
  background-color:white;
  color:#479e98;
}
/*nomal -----*/

.content-title{
  margin:30px 0px;
  padding:0px 20px;
  width:300px;
  height:22px;
  font-size: 16px;
  border-left:3px solid black;
  color:#666;
}

/*top方块*/
.data-info{
  margin-top:20px;
  margin-bottom:20px;
}
.data-block{
  position:relative;
  height:100px;
  background-color:#eee;
  border-radius: 5px;
  color:#666;
}
.data-block .data-remarker{
  position: absolute;
  display: inline-block;
  padding:10px;
  left:0px;
  top:0px;
  font-size16px;
}
.data-block .data-value{
  position: absolute;
  display: inline-block;
  padding:10px;
  right:0px;
  bottom:0px;
  font-size:30px;
  line-height: 30px;
  color:#479e98;
}


/*map bar*/
.map-bar{
  height:500px;
}
.map-box{
  border:1px solid #479e98;
  width:100%;
  height:500px;
  background-color:#eeeeee;
}
#heatmap{
  width:100%;
  height:100%;
}
.panel-box{
  height:500px;
  overflow: scroll;
}
.panel-box .suffix{
  float:right;
  font-size:12px;
  color:black;
  line-height:20px;
}
.panel-box .count{
  float:right;
  font-size:14px;
  color:#479e98;
  line-height:20px;
}

